
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Natoo开源版</title>

    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="./assets/layui/css/layui.css">
    <link rel="stylesheet" href="./assets/admin/css/style.css?r=${r}">
    <script src="./assets/layui/layui.js"></script>
    <script src="./assets/js/jquery-3.3.1.min.js"></script>
    <script src="./assets/js/vue.min.js"></script>
    <script src="./assets/admin/js/common.js"></script>
    <script src="./assets/admin/js/config.js?r=${r}"></script>
    <style>
        .right h2{
            margin: 10px 0;
        }
        .right li{
            margin-bottom: 10px;
        }
    </style>
</head>
<body>


<script>
console.log(config);
$(function() {
    $('#version').html(config.version);
});
</script>

<div id="app">
    <!--顶栏-->
    <#include "inc/header.ftl">

    <div class="main">
        <!--左栏-->
        <#include "inc/left-menu.ftl">
        <!--右侧-->
        <div class="right p20">
            <div>
                <blockquote class="layui-elem-quote"><h2>欢迎使用Natoo内网穿透</h2>
                    <p>基于java-netty的强大核心，性能强劲</p>
                    <p>超强的跨平台能力，轻量且强大</p>
                    <p>Windows / Mac / Linux / 树莓派 / 机顶盒 / 群晖</p>
                </blockquote>
            </div>
        </div>
    </div>
</div>

<script>

    layui.use('form', function () {
        var form = layui.form,
            layer = layui.layer;
    });

    var vue = new Vue({
        el:'#app',
        data:{
            clients:[],
            clientKey:getQueryVariable('clientKey'),
        },
        created:function(){
            var that = this;
            this.loadClients();
        },
        methods:{
            loadClients() {
                var that = this;
                $.post('/api/client/list',{},function (ret){
                    that.clients = ret.clients;
                })
            },


        }
    })

</script>
</body>
</html>
